{% extends "base.html" %}
{% load static %}
{% block title %}更新{% endblock %}
{% block css %}<link rel="stylesheet" href="{% static 'css/update_watch.css' %}">{% endblock %}
{% block content %}

<div class="update-form">
    <div class="status">{{ status | default_if_none:"" }}</div>
    <h3>{{ user_data.name }}</h3>
    <form method="post" class="update-f">
        {% csrf_token %}
        <div class="update-info">
            <span class="update-key">名称</span>
            <input type="text" name="name" placeholder="请输入作品名称" value="{{ user_data.name }}" disabled> 
        </div>
        <div class="update-info">
            <span class="update-key">次数</span>
            <input class="update-value" type="number" name="times" value="{{ user_data.times }}"> 
        </div>
        <div class="update-info">
            <span class="update-key">开始日期</span>
            <input class="update-value" type="text" id="date_watch_start" name="date_watch_start" value="{{ user_data.date_watch_start | default_if_none:"" | date:"Y-m-d" }}"> 
        </div>
        <div class="update-info">
            <span class="update-key">结束日期</span>
            <input class="update-value" type="text" id="date_watch_end" name="date_watch_end" value="{{ user_data.date_watch_end | default_if_none:"" | date:"Y-m-d" }}"> 
        </div>
        <div class="update-info">
            <span class="update-key">状态</span>
            <!-- <input class="update-value" type="text" name="dim">  -->
            <input class="update-value" type="text" name="status" list="statuslist" placeholder="请选择状态" value="{{ user_data.status }}">
            <datalist id="statuslist">
                <!-- 动画首看 -->
                <option>追番</option>
                <option>完结补番</option>
                <option>老番入坑</option>
                <!-- 电影首看 -->
                <option>影院</option>
                <option>网络首发</option>
                <option>院线下映</option>
                <option>老作新看</option>
                <!-- 电视剧首看 -->
                <option>追更</option>
                <option>完结爽看</option>
                <!-- 多次看 -->
                <option>续作回顾</option>
                <option>系列回看</option>   
            </datalist>
        </div>
        <input id="test1" type="submit" value="更新">
    </form> 
</div>

<script>


</script>
    
{% endblock %}